<template>
  <div class="app-container">
    <el-form ref="form" :model="sizeForm" label-width="80px" size="mini">
      <el-form-item label="日期" style="width: 800px;float: right">
        <el-col :span="6">
          <el-date-picker type="date" placeholder="开始日期" v-model="sizeForm.date1" style="width: 100%;"></el-date-picker>
        </el-col>
        <el-col class="line" :span="1" style="text-align: center">-</el-col>
        <el-col :span="6">
          <el-date-picker type="date" placeholder="结束日期" v-model="sizeForm.date2" style="width: 100%;"></el-date-picker>
        </el-col>
        <el-col class="line" :span="1" style="text-align: center">&nbsp</el-col>
        <el-col :span="10">
          <el-button type="primary">增加记录</el-button>
          <el-button type="primary">查询</el-button>
        </el-col>
      </el-form-item>
      <el-table
        :data="tableData"
        style="width: 100%">
        <el-table-column
          prop="date"
          label="时间">
        </el-table-column>
        <el-table-column
          prop="washClass"
          label="清洗类别">
        </el-table-column>
        <el-table-column
          prop="medicineClass"
          label="药剂种类">
        </el-table-column>
        <el-table-column
          prop="medicineDepth"
          label="药剂浓度">
        </el-table-column>
        <el-table-column
          prop="beforeWash"
          label="清洗前渗水率">
        </el-table-column>
        <el-table-column
          prop="afterWash"
          label="清洗后渗水率">
        </el-table-column>
        <el-table-column
          prop="waterResume"
          label="渗水率恢复率">
        </el-table-column>
        <el-table-column
          prop="singleCount"
          label="单次清洗氯接触值">
        </el-table-column>
        <el-table-column
          prop="totalCount"
          label="累计清洗氯接触值">
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
            >修改</el-button>
            <el-button
              v-if="scope.row.parentId != 0"
              size="mini"
              type="text"
              icon="el-icon-delete"
            >删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        :current-page.sync="currentPage"
        :page-size="10"
        layout="sizes, prev, pager, next"
        :total="tableData.length">
      </el-pagination>
    </el-form>

  </div>
</template>

<script>

export default {
  name: "Cisterns",
  dicts: ['sys_show_hide', 'sys_normal_disable'],
  data() {
    return {
      currentPage:null,
      sizeForm:{
        date1:'',
        date2:''
      },
      tableData: [{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      },{
        date: '2016-05-02',
        washClass: '清洗类别1',
        medicineClass: '药剂类别1',
        medicineDepth:'100',
        beforeWash:'20',
        afterWash:'15',
        waterResume:'2',
        singleCount:'2.5',
        totalCount:'10',
      }]

    }
  },
  created() {

  },
  methods:{

  }
};
</script>
